let layer =layui.layer
let $image= $('.container img');


let options = {
    aspectRatio: 1,
    // 指定预览区域
    preview: ".preview",
}
// 裁剪区域
$image.cropper(options);

// 上传按钮
$('#btnChooseImage').click(function(){
    $('#file').click()
});

// 选择图片裁切
$('#file').on('change',function(){
    // 获取用户选项的图片的文件
    const file=this.files[0]
    // console.log(file)
    if (!file){
        return layer.msg('请选择图片');
    }
    // 将文件对象转换为地址
    let url = URL.createObjectURL(file);
    // 先销毁裁切区域
    $image.cropper('destroy').attr('src', url).cropper(options);
})


// 上传头像
$('#btnCreateAvatar').on('click',function(){
    let canvasObj = $image.cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
        width: 100,
        height: 100
    });
       // 把图片转成base64格式
    let baseStr = canvasObj.toDataURL('image/png'); // 把canvas图片转成base64格式的字符串
    // console.log(baseStr)
    axios.post('/my/update/avatar',`avatar=${encodeURIComponent( baseStr)}`).then(({data:{message,status}})=>{
        // console.log(res)
        if(status !==0){
            return layer.msg(message)
        }
        layer.msg(message)
        window.parent.getUserInfo()
    })
    });
   
   



